@import 'open-props/postcss/style';
@import 'open-props/postcss/normalize';

:root {
  font-family: var(--font-mono);
  body {
    background-color: var(--gray-9);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
  }
}

#app {
  width: 500px;
  height: 500px;
  background-color: var(--gray-8);
  box-shadow: 0 0 1em rgba($color: #000000, $alpha: 0.5);
  border: solid 5px var(--choco-1);
  position: relative;
  section {
    position: absolute;
    background-color: var(--orange-6);
    box-shadow: 0 0 1em rgba($color: #000000, $alpha: 0.3);

    inset: 30px 50px 0 100px;
    // left: 30px;
    // top: 30px;
    // bottom: 30px;
    // right: 30px;
  }
}
